﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
      <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Home</title>
	<!-- Bootstrap Styles-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
     <!-- FontAwesome Styles-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
     <!-- Morris Chart Styles-->
    <link href="assets/js/morris/morris-0.4.3.min.css" rel="stylesheet" />
        <!-- Custom Styles-->
    <link href="assets/css/custom-styles.css" rel="stylesheet" />
     <!-- Google Fonts-->
   <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
</head>
<body>
    <div id="wrapper">
        <nav class="navbar navbar-default top-navbar" role="navigation">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="index.html"><i class="fa fa-comments"></i> <strong> 就业岗位可视化</strong></a>
            </div>

        </nav>
        <!--/. NAV TOP  -->
        <nav class="navbar-default navbar-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav" id="main-menu">

                    <li>
                        <a href="index.html"><i class="fa fa-dashboard"></i>  岗位—城市</a>
                    </li>
<!--                    <li>-->
<!--                        <a href="ui-elements.html"><i class="fa fa-desktop"></i> UI Elements</a>-->
<!--                    </li>-->
					<li>
                        <a href="chart.html" class="active-menu"><i class="fa fa-bar-chart-o"></i> 工作经验—学历</a>
                    </li>
                    <li>
                        <a href="tab-panel.html"><i class="fa fa-tasks"></i> 公司规模—性质</a>
                    </li>
                    
                    <li>
                        <a href="table.html"><i class="fa fa-table"></i> 信息明细</a>
                    </li>
<!--                    <li>-->
<!--                        <a href="form.html"><i class="fa fa-edit"></i> Forms </a>-->
<!--                    </li>-->
                    <li>
                        <a href="login.html"><i class="fa fa-sign-out fa-fw"></i> 退出</a>
                    </li>
                </ul>

            </div>

        </nav>
        <!-- /. NAV SIDE  -->
        <div id="page-wrapper" >
            <div id="page-inner">
			 <div class="row">
                    <div class="col-md-12">
                        <h1 class="page-header">
                            工作经验 — 学历 <small>工作经验&学历 薪水—占比图表</small>
                        </h1>
                    </div>
                </div> 
                 <!-- /. ROW  -->
             
                <div class="row">

                    <nav class="navbar navbar-light bg-light">
                        <div class="container-fluid">
                            <a class="navbar-brand">搜索相关岗位</a>
                            <form class="d-flex">
                                <input name = "chart"class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
                                <button class="btn btn-outline-success" type="submit">搜索</button>
                            </form>
                        </div>
                    </nav>

                    <div class="col-md-6 col-sm-12 col-xs-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            相关岗位城市—薪资TOP10
                        </div>
                        <div class="panel-body">
                            <div id="chartecharts1" style="width: 100%;height:450px;"></div>
                        </div>
                    </div>            
                </div>
                      <div class="col-md-6 col-sm-12 col-xs-12">                     
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            相关岗位工作经验—薪水
                        </div>
                        <div class="panel-body">
                            <div id="chartecharts2" style="width: 100%;height:450px;"></div>
                        </div>
                    </div>            
                </div>
           </div>
                 <!-- /. ROW  -->
                <div class="row">
                    <div class="col-md-6 col-sm-12 col-xs-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            相关岗位学历—薪水
                        </div>
                        <div class="panel-body">
                            <div id="chartecharts3" style="width: 100%;height:450px;"></div>
                        </div>
                    </div>            
                </div>
                    <div class="col-md-6 col-sm-12 col-xs-12">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            相关岗位学历占比
                        </div>
                        <div class="panel-body">                            
							<div id="chartecharts4" style="width: 100%;height:450px;"></div>
                        </div>
                    </div>            
                </div>
           </div>
                 <!-- /. ROW  -->
				 </div>
             <!-- /. PAGE INNER  -->
            </div>
         <!-- /. PAGE WRAPPER  -->
        </div>
     <!-- /. WRAPPER  -->
    <!-- JS Scripts-->
    <!-- jQuery Js -->
    <script src="assets/js/jquery-1.10.2.js"></script>
      <!-- Bootstrap Js -->
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Metis Menu Js -->
    <script src="assets/js/jquery.metisMenu.js"></script>
     <!-- Morris Chart Js -->
     <script src="assets/js/morris/raphael-2.1.0.min.js"></script>
    <script src="assets/js/morris/morris.js"></script>
      <!-- Custom Js -->
    <script src="assets/js/custom-scripts.js"></script>
    <!--Echarts-->
    <script src="js/echarts.js"></script>
    <script src="js/jquery.min.js"></script>
    <script language="JavaScript" src="js/chart.js"></script>
</body>
</html>
